<!DOCTYPE html>
<html xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
    <meta name="author" content="Coderthemes">
	<link rel="icon" type="image/x-icon" href="/static/img/favicon.ico">

    <title>财务资金</title>

    <link href="/static/plugins/bootstrap/4/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <!--bootstrap-table-->
    <link href="/static/plugins/bootstrap/extends/bootstrap-table-4/bootstrap-table.min.css" rel="stylesheet" type="text/css">
    <!--bootstrap-table-sticky-header-->
    <link href="/static/plugins/bootstrap/extensions/sticky-header/bootstrap-table-sticky-header.css" rel="stylesheet" type="text/css">


	<!-- jQuery  -->
	<script src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>
	<script src="/static/plugins/bootstrap/4/js/bootstrap.min.js"></script>
	
	
	<!--bootstrap-table-->
	<script src="/static/plugins/bootstrap/extends/bootstrap-table-4/bootstrap-table.min.js"></script>
	<script src="/static/plugins/bootstrap/extends/bootstrap-table-4/locale/bootstrap-table-zh-CN.min.js"></script>
	<!--bootstrap-table-sticky-header-->
	<script src="/static/plugins/bootstrap/extensions/sticky-header/bootstrap-table-sticky-header.js"></script>
	
	<script src="/static/plugins/echarts/echarts.min.js"></script>
	
	<!-- echarts -->
	<script src="/static/plugins/echarts/5.4.3/echarts.min.js"></script>

	<style>
		
		.float-right{float: right;}
	
		.card-body{padding: 0.25rem;}
		.font-title{font-size: 18px; font-weight: bold;}
		.font-title-sub{font-size: 12px; color: gray; position: relative; margin-left: 20px;}
		.font-title-sub2{font-size: 12px; color: gray; text-align: right; padding-right: 20px; position:relative; height: 24px; line-height: 24px; bottom: -5px;}
		
		.font-yesterday{font-size: 16px; font-weight: bold; color: #288892;}
		.font-before{font-size: 12px;}
		.font-clock{font-weight: bold; color: black;}
		
		.ggzbdb-row {margin: 10px;}
		.ggzbdb-table{width: 90%;}
		.ggzbdb-table tr{height: 40px;}
		.ggzbdb-table tr td:nth-child(2){text-align: right;}
		.ggzbdb-table tr td:nth-child(3){text-align: left;}
		.progress-bar-left {
			float: right;
			max-width: 100%;
			height: 18px;
			padding-left: 5px;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
			text-align: left;
			color: #ffffff;
			background-color: #51c7d7;
			transition: all .3s;
			-webkit-transition: all .3s;
		}
		.progress-bar-right {
			float: left;
			max-width: 100%;
			height: 18px;
			padding-right: 5px;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
			text-align: right;
			color: #ffffff;
			background-color: #ea707e;
			transition: all .3s;
			-webkit-transition: all .3s;
		}
		
		.hr-white{
			height: 0;
			line-height: 0;
			margin: 10px 0;
			padding: 0;
			border: none!important;
			clear: both;
			overflow: hidden;
			background: 0 0
		}
		
		.t-left{text-align: left;}
		.t-right{text-align: right;}
		
		.mr-2 {padding: 10px;}
		.module-title {padding-left: 30px;}
		.font-color-green{color: #00CD66;}
		.font-color-red{color: red;}
		.table-header{background-color: gray; color: #288892;}
		
		th{border-color: #EEEEEE; background-color: #B0E2FF; padding: 2px;}
		td{border-color: #EEEEEE; padding: 2px 5px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
		
		.btn-selected {background-color: #288892; color: #ffffff !important; border: 0;}
	</style>
</head>

<body>
<div class="layui-layout layui-layout-admin">

	
	
<!-- 中间内容 -->
<div class="container-fluid">

	<div class="row">
      <!-- 财务资金趋势 -->
      <div class="col-xl-12 col-md-12" style="margin-top: 20px;">
        <div class="card border-left-success shadow h-100">
          <div class="card-body">
            <div class="row no-gutters align-items-center">
              <div class="col mr-2">
              	<div class="row">
              		<div class="col-xl-3 col-md-3 module-title">
	              		<span class="font-title">
	              			人民币资金趋势
	              		</span>
	              		<span class="font-title-sub" id="updateTime1">
	              			(未知)
	              		</span>
              		</div>
              	</div>
                <hr class="hr-white">
                <div class="row">
                	<div class="col-xl-12 col-md-12">
	                	<div style="display: flex;justify-content: space-between;" id="id_echarts_view">
							<div id="id_echarts" style="width: 100%;height:85vh;"></div>
						</div>
                	</div>
                </div>
              </div>
            </div>

		    <div class="row no-gutters align-items-center">
				  <div class="col mr-2">
					  <div class="row">
						  <div class="col-xl-3 col-md-3 module-title">
	              		<span class="font-title">
	              			外币资金趋势
	              		</span>
						  <span class="font-title-sub" id="updateTime2">
	              			(未知)
	              		</span>
						  </div>
					  </div>
					  <hr class="hr-white">
					  <div class="row">
						  <div class="col-xl-12 col-md-12">
							  <div style="display: flex;justify-content: space-between;" id="id_echarts1_view">
								  <div id="id_echarts1" style="width: 100%;height:85vh;"></div>
							  </div>
						  </div>
					  </div>
				  </div>
			  </div>
          </div>
        </div>
      </div>
		
	</div>
</div>

<script th:inline="javascript">
</script>
<script src="/static/js/bi/finance/trend.js"></script>
</body>
</html>